<template>
  <div class="introduce">
    <h1>{{title}}</h1>
    <div class="introduceContent" v-html="describe"></div>
  </div>
</template>

<script>
  import {GETSCHOOLDETAILS} from "../../../apis/oldUniversity";

  export default {
    data() {
      return {
        title:"",//标题
        describe:"",//内容
      }
    },
    mounted() {
    },
    methods:{
      // -------------------接口开始------------------
      // 获取学校介绍
      getSchoolDetails(){
        let getSchoolDetails = GETSCHOOLDETAILS
        getSchoolDetails().then( res => {
          if(res.data.code*1===200){
            this.title = res.data.data.school_name
            this.describe = res.data.data.desc
          } else {
            this.$toast(res.data.message);
          }
        }).catch(error => {
          console.log(error)
        })
      },
      // -------------------接口结束------------------
    }
  }
</script>

<style lang="less" scoped>
  @import (reference) url(../../../assets/less/common);
  .introduce{
    width:100%;
    padding:0.2rem 0.3rem 0.5rem 0.3rem;
    box-sizing: border-box;
    h1{
      font-size:@fontSize44;
      font-family:PingFang-SC-Heavy;
      font-weight: @fontWeight500;
      line-height:0.6rem;
      color:@whiteColor;
      margin-bottom: 0.4rem;
    }
    .introduceContent{
      width:100%;
      /deep/p{
        display: inline-block;
        width:100%;
        height:auto;
        font-size:@fontSize30;
        font-family:@fontFamily400;
        font-weight: @fontWeight400;
        line-height:0.46rem;
        color:@whiteColor;
        letter-spacing: 0.01rem;
        text-align: justify;
        img{
          width:100%;
          height:auto;
          margin:0.3rem 0;
          display: inline-block;
        }
      }
    }

  }
</style>
